<div class='user-score' ng-controller='UserScore'>
    <div class='am-tabs normal-tabs' data-am-tabs>
        <ul class='am-tabs-nav am-nav am-nav-tabs am-avg-sm-3'>
            <li class='am-active'><a>幸福商城</a></li>
            <li><a>我的幸福豆</a></li>
            <li><a>我的记录</a></li>
        </ul>

        <div class='am-tabs-bd'>
            <div class='am-tab-panel am-active'>
                <div class='score-shop'>
                    <div class='goods am-g am-g-collapse' ng-repeat='course in course.list'>
                        <div class='am-u-sm-4 banner'>
                            <img ng-src='{{course.banner}}'>
                            <div class='tag'>
                                <img src='../image/tag/hot.png' ng-if='course.tag == 1'>
                                <img src='../image/tag/new.png' ng-if='course.tag == 2'>
                            </div>
                        </div>
                        <div class='am-u-sm-7 info'>
                            <div class='name'>{{course.name}}</div>
                            <div class='intro font-info'>
                                <img class='icon' src='../image/icon/user.png' align="absmiddle">
                                {{course.teacher_name}} 共{{course.chapter}}章节
                            </div>
                            <div class='buy-count font-info'>{{course.buy_count}}人已换购</div>
                            <div class='price-score font-info'>
                                <img class='icon' src='../image/icon/score.png' align="absmiddle">{{course.score}}
                            </div>
                        </div>

                        <button class='button btn-buy' ng-click='buy_course(course.id)' 
                            ng-if='course.buy_status == 0'>
                            立即兑换
                        </button>

                        <button class='button btn-go' ng-click='listen(course.id, course.play_type)'
                            ng-if='course.buy_status == 1'>
                            去听课
                        </button>
                    </div>
                    <div class='load-more' ng-click='load-data("course")' ng-if='!course.is_end'>加载更多</div>
                    <div class='tip' ng-if='course.list.length == 0'>幸福商城即将上线，敬请期待</div>
                </div>
            </div>
            <div class='am-tab-panel'>
                <div class='score-explain'>
                    <div class='title'>
                        <span class='icon'><img src='../image/icon/text.png'></span>
                        幸福豆作用
                    </div>

                    <div class='content'>
                        <p>A、目前幸福豆可以在幸福商城兑换相应课程。</p>
                        <p>B、未来幸福豆会有更大的用处，帮助家长解决更多的育儿难题，敬请期待哦~</p>
                    </div>
                </div>
				
				<div class='score-explain'>
                    <div class='title'>
                        <span class='icon'><img src='../image/icon/text.png'></span>
                        幸福豆获取
                    </div>

                    <div class='content'>
						<p>A、购买课程</p>
						<p>B、坚持听完课程</p>
						<p>C、分享课程（在听课页点击我的邀请卡，第一次生成邀请卡就会获得幸福豆，去试试吧！）</p>
						<p>D、当有朋友通过“我的邀请卡“，和我们一同学习成长时，会有不少幸福豆奖励哦~</p>
						<p>E、在个人中心，第一次填写反馈意见，会得到幸福豆，去试试吧！</p>
						<p>F、填写的反馈意见被老师采纳后，会有不少额外奖励哦~</p>
                    </div>
                </div>
            </div>
            <div class='am-tab-panel'>
                <div class='score-log'>
                    <div class='content'>
                        <div class='log' ng-repeat='log in log.list'>
                            <div class='name'>{{log.goods_type_text}}：{{log.remark}}</div>
                            <div class='info am-cf'>
                                <span class='am-fl'>幸福豆：{{log.score}}</span>
                                <span class='am-fr'>{{log.create_date}}</span>
                            </div>
                        </div>
                    </div>
                    <div class='load-more' ng-click='load_data("log")' ng-if='!log.is_end'>加载更多</div>
                </div>
            </div>
        </div>
    </div>
</div>
